<template>
	<view class="container">
		<view class="content">
			<!-- <view class="title">个人中心</view> -->
			<view class="profile">
				<view class="avatar">
					<image src="/static/logo2.jpg" mode="aspectFill"></image>
				</view>
				<view class="username">未登录</view>
			</view>
			<view class="menu">
				<!-- <view class="menu-item">我的作品</view>
				<view class="menu-item">我的收藏</view>
				<view class="menu-item">设置</view> -->
				<view class="menu-item" @click="navigateToAbout">关于我们</view>

			</view>
		</view>

		<!-- 底部导航组件 -->

		<custom-nav :navs="navs" :current-nav="currentNav" @nav-change="handleNavChange"></custom-nav>
	</view>
</template>

<script>
import CustomNav from '@/components/nav.vue';
export default {
	components: {
		CustomNav
	},
	data() {
		return {

			navs: [
				{ label: '首页', value: 'home' },
				{ label: '社区', value: 'community' },
				{ label: '消息', value: 'message' },
				{ label: '我的', value: 'me' }
			],
			currentNav: 'me'
		}
	},
	methods: {
		handleNavChange(navName) {
			this.currentNav = navName;
			console.log('切换到：', navName);
		},
		navigateToAbout() {
			uni.navigateTo({
				url: '/pages/about/about'
			})
		}
	}
}
</script>

<style></style>
